/*



overflow:hidden;text-overflow:ellipsis;white-space:nowrap;



-webkit-transition:all .7s;transition:all .7s;



transition: all 1s;



outline: 1px dashed #fff;outline-offset: -5px;



transform:rotate(360deg);



text-transform: Uppercase;font-family:Arial;



*/



/* 公用标题 */

@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	

	10%,30% {transform: rotate(-15deg) scale(1);}

	

	20%,40% {transform: rotate(15deg) scale(1);}

}



@keyframes rotate {

    0% {

        transform: rotate(90deg); }

    100% {

        transform: rotate(450deg); }

}



/* banner */

.box_01{width:100%;overflow: hidden;height:805px;position:relative;}











/*首页banner*/

.banner{position:relative;width:88%;height:805px;float:right;}

.banner .slider{width:100% !important;height:805px;overflow:hidden;position:relative;z-index:1;}

.banner .slider-main{width:1700px;height:100%;position:absolute;left:50%;margin-left:-850px;}

.banner .slider-main li{width:100%;height:100%;}

.banner .osSlider-main .slider-btn-prev{position:absolute;z-index:30;top:50%;left:-45px;width:40px;height:40px;text-indent:-9999px;margin-top:-20px;background:url(../images/arrowPrev.png) 50% 50% no-repeat;transition:all 0.5s linear;cursor:pointer;}

.banner .osSlider-main:hover .slider-btn-prev{left:3%;}

.banner .osSlider-main .slider-btn-next{position:absolute;z-index:30;top:50%;right:-45px;width:40px;height:40px;text-indent:-9999px;margin-top:-20px;background:url(../images/arrowNext.png) 50% 50% no-repeat;transition:all 0.5s linear;cursor:pointer;}

.banner .osSlider-main:hover .slider-btn-next{right:3%;cursor:pointer;}

.banner .osSlider-main .slider-nav{position:absolute;width:100%;bottom:40px;text-align:center;z-index:25;font-size:0;}

.banner .osSlider-main .slider-nav li{display:inline-block;vertical-align:top;height:16px;width:16px;text-align:center;margin:0 7px;border-radius:50%;color:#333;background:#fff;cursor:pointer;}

.banner .osSlider-main .slider-nav li.active{background:#fca311;color:#fff;}





/* banner 结束 */









/* nav */



.header{width:12%;height:805px;position:relative;z-index:999;background:#fff;float:left;}



.header::before{content:'';width:100%;height:1px;background:#edf0f7;position:absolute;top:0;left:0;z-index:-1;}



.header .center{width:100%;height:805px;}



.header .header1{width:100%;height:805px;position: relative;}



.header1 .webq_head_xx{position:absolute;width:100%;height:770px;left:0;top:20px;z-index: 99;}



.header1 .nav_xiala{width:100%;height:770px;margin: 0 auto;}



.header1 .nav_xiala ul li{width:100%;height:70px;margin-bottom:0;position:relative;-webkit-transition: all .5s; transition: all .5s;}



.header1 .nav_xiala ul li:last-child{margin-bottom:0;}



.header1  .nav_xiala > ul > li > a{display:block;width:calc(100% - 70px);padding-left:70px;box-sizing:content-box;line-height:70px;position:relative;font-size:16px;color:#333;-webkit-transition: all .5s; transition: all .5s;}



.header1  .nav_xiala > ul > li:hover > a{font-weight:bold;color:#184299;-webkit-transition: all .5s; transition: all .5s;}



.header1  .nav_xiala > ul > li.another > a{font-weight:bold;color:#184299;-webkit-transition: all .5s; transition: all .5s;}



.header1  .nav_xiala > ul > li > a::before{content:'';width:0px;height:2px;background:#184299;position:absolute;top:34px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.header1  .nav_xiala > ul > li:hover > a::before{content:'';width:44px;height:2px;background:#184299;position:absolute;top:34px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.header1  .nav_xiala > ul > li.another > a::before{content:'';width:44px;height:2px;background:#184299;position:absolute;top:34px;left:0;-webkit-transition:all .7s;transition:all .7s;}









.nav_xiala .erji_xiala{  position:absolute; top:0; left: 100%; z-index:20;  height:0px; visibility: hidden;width:180px; /*和一级栏目一样宽度*/ }



.nav_xiala .erji_xiala i{ display: block; opacity: 0;background:rgba(11,11,11,0.4);position:relative;  }

.nav_xiala .erji_xiala i a{ height:65px;line-height:65px;font-size:14px;display: block;color:#fff;padding:0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }

.nav_xiala .erji_xiala i a:hover{  color:#FFF;  }

.nav_xiala .erji_xiala i:hover{ background:rgba(0.8); }



.nav_xiala .erji_xiala i a{

    background: -webkit-linear-gradient(left, rgba(0.8), rgba(0.8)) no-repeat;

    background: linear-gradient(to right, rgba(0.8), rgba(0.8)) no-repeat;

    background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;

}

.nav_xiala .erji_xiala i a:hover{

    background: -webkit-linear-gradient(left, rgba(0.8), rgba(0.8)) no-repeat;

    background: linear-gradient(to right, rgba(0.8), rgba(0.8)) no-repeat;

    background-size: 100% 100%;

}



.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; }

.nav_xiala .erji_xiala i{ opacity: 0; transform: rotateY(90deg); transition:.5s;}

.nav_xiala ul li:hover .erji_xiala i{ opacity: 1;  transform: rotateY(0); }

.nav_xiala ul li:hover .erji_xiala i:nth-child(1){ transition-delay: 50ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(2){ transition-delay: 100ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(3){ transition-delay: 150ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(4){ transition-delay: 200ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(5){ transition-delay: 250ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(6){ transition-delay: 300ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(7){ transition-delay: 350ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(8){ transition-delay: 400ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(9){ transition-delay: 450ms;}

.nav_xiala ul li:hover .erji_xiala i:nth-child(10){ transition-delay: 500ms;}

.nav_xiala  .erji_xiala i:nth-child(1){ transition-delay: 500ms;}

.nav_xiala  .erji_xiala i:nth-child(2){ transition-delay: 450ms;}

.nav_xiala  .erji_xiala i:nth-child(3){ transition-delay: 400ms;}

.nav_xiala  .erji_xiala i:nth-child(4){ transition-delay: 350ms;}

.nav_xiala  .erji_xiala i:nth-child(5){ transition-delay: 300ms;}

.nav_xiala  .erji_xiala i:nth-child(6){ transition-delay: 250ms;}

.nav_xiala  .erji_xiala i:nth-child(7){ transition-delay: 200ms;}

.nav_xiala  .erji_xiala i:nth-child(8){ transition-delay: 150ms;}

.nav_xiala  .erji_xiala i:nth-child(9){ transition-delay: 100ms;}

.nav_xiala  .erji_xiala i:nth-child(10){ transition-delay: 50ms;}



.nav_xiala .sanji_xiala {  width: 165px; height:0; visibility: hidden; position: absolute; top: 0px; left:180px; /*和一级栏目一样left*/  }

.nav_xiala .sanji_xiala span{border-bottom:1px dashed rgba(255,255,255,0.35); display: block; background:rgba(11,11,11,0.4); text-align: left; opacity: 0; }

.nav_xiala .sanji_xiala span a { height:65px; line-height: 65px; display: block; color:#FFF; font-size:14px; padding-left: 10px; padding: 0 8px 0 15px;

    overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }

.nav_xiala .sanji_xiala span a:hover{  color:#FFF; padding-left: 25px; }



.nav_xiala .sanji_xiala span a{

    background: -webkit-linear-gradient(left, rgba(0.8), rgba(0.8)) no-repeat;

    background: linear-gradient(to right, rgba(0.8), rgba(0.8)) no-repeat;

    background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;

}

.nav_xiala .sanji_xiala span a:hover{

    background: -webkit-linear-gradient(left, rgba(0.8), rgba(0.8)) no-repeat;

    background: linear-gradient(to right, rgba(0.8), rgba(0.8)) no-repeat;

    background-size: 100% 100%;

}



.nav_xiala .sanji_xiala_di{ background:url(../images/liqsub_ss.png) no-repeat center; width: 7px; height: 11px; position: absolute; top:27px; right: 5px;}

.nav_xiala .erji_xiala i:hover .sanji_xiala{ height:auto; visibility: visible; }

.nav_xiala .sanji_xiala span{ opacity: 0; transform: rotateY(90deg); transition:.5s;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span{ opacity: 1;  transform: rotateY(0); }

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1){ transition-delay: 50ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2){ transition-delay: 100ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3){ transition-delay: 150ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4){ transition-delay: 200ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5){ transition-delay: 250ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6){ transition-delay: 300ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7){ transition-delay: 350ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8){ transition-delay: 400ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9){ transition-delay: 450ms;}

.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10){ transition-delay: 500ms;}



.fixedNav{width:100%;height:80px;background:#fff;z-index:9;}



.fixedNav .nav_xiala{width:1280px;padding-top:0;height:80px;margin:0 auto; background:#fff;position:absolute;left:50%;margin-left:-640px;}



.fixedNav .nav_xiala ul{display:flex;justify-content: space-between;}



.fixedNav .nav_xiala ul li{ float:left; width:110px; height:80px;text-align:center;position:relative;padding:0;margin-bottom:0;-webkit-transition: all .5s; transition: all .5s;}



.fixedNav .nav_xiala > ul > li > a{width:110px;padding:0 !important;display:block;height:80px;line-height:80px;overflow: hidden;position:relative;-webkit-transition: all .5s; transition: all .5s;}



.fixedNav .nav_xiala > ul > li > a::before{content:'';width:0;height:0;background:none;position:absolute;bottom:0px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.fixedNav .nav_xiala > ul > li.another > a::before{content:'';width:0;height:0;background:none;position:absolute;bottom:0px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.fixedNav .nav_xiala > ul > li:hover > a::before{content:'';width:0;height:0;background:none;position:absolute;bottom:0px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.fixedNav .nav_xiala > ul > li > a::after{content:'';width:0;height:3px;background:#184299;position:absolute;bottom:0px;left:50%;margin-left:-0px;-webkit-transition:all .7s;transition:all .7s;}



.fixedNav .nav_xiala > ul > li:hover > a::after{content:'';width:110px;height:3px;background:#184299;position:absolute;bottom:0px;left:50%;margin-left:-55px;-webkit-transition:all .7s;transition:all .7s;}



.fixedNav .nav_xiala > ul > li.another > a::after{content:'';width:110px;height:3px;background:#184299;position:absolute;bottom:0px;left:50%;margin-left:-55px;-webkit-transition:all .7s;transition:all .7s;}







.fixedNav .nav_xiala .erji_xiala{  position:absolute; top:80px; left: -20px; z-index:20;  height:0px; visibility: hidden; width:150px; /*和一级栏目一样宽度*/ }

.fixedNav .nav_xiala .erji_xiala i{ display: block; opacity: 0; border-bottom:1px solid rgba(255,255,255,0.35); background:rgba(11,11,11,1);  position:relative;  }

.fixedNav .nav_xiala .erji_xiala i a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }

.fixedNav .nav_xiala .erji_xiala i a:hover{  color:#FFF;  }

.fixedNav .nav_xiala .erji_xiala i:hover{background:rgba(24,66,153,1); }



.nav_xiala .erji_xiala i a{

    background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;

}



.fixedNav .nav_xiala .erji_xiala i a:hover{

    background: -webkit-linear-gradient(left, rgba(24,66,153,1), rgba(24,66,153,1)) no-repeat;

    background: linear-gradient(to right, rgba(24,66,153,1), rgba(24,66,153,1)) no-repeat;

    background-size: 100% 100%;

}





.fixedNav .nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; }



.fixedNav .nav_xiala .erji_xiala i{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.fixedNav .nav_xiala ul li:hover .erji_xiala i{ opacity: 1;  transform: rotateY(0); }



.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(1){ transition-delay: 50ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(2){ transition-delay: 100ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(3){ transition-delay: 150ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(4){ transition-delay: 200ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(5){ transition-delay: 250ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(6){ transition-delay: 300ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(7){ transition-delay: 350ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(8){ transition-delay: 400ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(9){ transition-delay: 450ms;}

.fixedNav .nav_xiala ul li:hover .erji_xiala i:nth-child(10){ transition-delay: 500ms;}



.fixedNav .nav_xiala  .erji_xiala i:nth-child(1){ transition-delay: 500ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(2){ transition-delay: 450ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(3){ transition-delay: 400ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(4){ transition-delay: 350ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(5){ transition-delay: 300ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(6){ transition-delay: 250ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(7){ transition-delay: 200ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(8){ transition-delay: 150ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(9){ transition-delay: 100ms;}

.fixedNav .nav_xiala  .erji_xiala i:nth-child(10){ transition-delay: 50ms;}





.fixedNav .nav_xiala .sanji_xiala {width: 165px; height:0px; visibility: hidden; position: absolute; top: 0px; left:150px; /*和一级栏目一样left*/  }

.fixedNav .nav_xiala .sanji_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.35); display: block; background:rgba(11,11,11,1); text-align: left; opacity: 0; }

.fixedNav .nav_xiala .sanji_xiala span a { height: 40px; line-height: 40px; display: block; color:#FFF; font-size:14px; padding-left: 10px; padding: 0 8px 0 15px;

    overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }

.fixedNav .nav_xiala .sanji_xiala span a:hover{  color:#FFF; padding-left: 25px; }





.fixedNav .nav_xiala .sanji_xiala span a{

    background: -webkit-linear-gradient(left, rgba(24,66,153,1), rgba(24,66,153,1)) no-repeat;

    background: linear-gradient(to right, rgba(24,66,153,1), rgba(24,66,153,1)) no-repeat;

    background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;

}



.fixedNav .nav_xiala .sanji_xiala span a:hover{

    background: -webkit-linear-gradient(left, rgba(24,66,153,1), rgba(24,66,153,1)) no-repeat;

    background: linear-gradient(to right, rgba(24,66,153,1), rgba(24,66,153,1)) no-repeat;

    background-size: 100% 100%;

}





.fixedNav .nav_xiala .sanji_xiala_di{ background:url(../images/liqsub_ss.png) no-repeat center;width:7px;height:11px; position: absolute; top:15px; right: 5px;}



.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala{ height:auto; visibility: visible; }



.fixedNav .nav_xiala .sanji_xiala span{ opacity: 0; transform: rotateY(90deg); transition:.5s;}



.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span{ opacity: 1;  transform: rotateY(0); }

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1){ transition-delay: 50ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2){ transition-delay: 100ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3){ transition-delay: 150ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4){ transition-delay: 200ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5){ transition-delay: 250ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6){ transition-delay: 300ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7){ transition-delay: 350ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8){ transition-delay: 400ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9){ transition-delay: 450ms;}

.fixedNav .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10){ transition-delay: 500ms;}

.fixedNav .nav_xiala > ul > li:hover > a{color:#184299;}

.fixedNav .nav_xiala > ul > li.another > a{color:#184299;}

.fixedNav .nav_xiala > ul > li.another > a{color:#184299;background:rgba(24,66,153,0);}







/* 关于我们 */

.box_02{width:100%;height:1035px;padding-top:70px;background:url(../images/ab_back.jpg) center top no-repeat;overflow:hidden;position:relative;z-index:2;}



.box_02 .pos{width:12%;height:783px; background:url(../images/ab_left.png) right top no-repeat #184299;position:absolute;left:0;top:0;z-index:-1;}



.box_02 .center{width:1280px;height:615px;margin:0 auto;}



.box_02 .center .left{width:675px;height:615px;float:left;}



.box_02 .center .left .h_title{width:275px;height:70px;margin-top:50px;position:relative;background:url(../images/h_back01.png) 110px top no-repeat;}



.box_02 .center .left .h_title .num{width:85px;height:70px;background:url(../images/num01.png) center center no-repeat;position:absolute;left:0;top:0;}



.box_02 .center .left .h_title h3{font-size:36px;color:#333;line-height:36px;position:absolute;bottom:0;right:0;}



.box_02 .center .left .txt{width:675px;height:auto;position:relative;margin-top:70px;}



.box_02 .center .left .txt h4{font-size:18px;color:#333;font-weight:bold;line-height:20px;}



.box_02 .center .left .txt span{display:block;width:385px;height:24px;border-bottom:solid 2px #333;text-align:right;font-size:12px;line-height:12px; font-style:italic;position:absolute;top:-15px;right:0;}



.box_02 .center .left .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:35px;height:140px;font-size:16px;color:#666;margin-top:35px;}



.box_02 .center .left .wz{width:675px;height:auto;position:relative;margin-top:50px;}



.box_02 .center .left .wz .bt{width:430px;height:50px;display:flex;justify-content: space-between;}



.box_02 .center .left .wz .bt span{display:block;float:left;width:210px;line-height:50px;text-align:center;font-size:20px;color:#fff; background:#184299;}



.box_02 .center .left .wz .bt span:nth-of-type(1){ background:#fca311;}



.box_02 .center .left .wz p{font-size:16px;color:#333;line-height:36px;margin-top:20px;}



.box_02 .center .right{width:525px;height:615px;float:right;}



.box_02 .center .right img{display:block;width:625px;height:615px; vertical-align:top;}



.box_02 .picScroll-left01{width:1280px;height:280px;margin:70px auto 0 auto;position:relative;}



.box_02 .picScroll-left01 .bd{width:1280px;height:280px;overflow:hidden;position:relative;z-index:5;}



.box_02 .picScroll-left01 .bd ul{width:1280px;height:280px;overflow:hidden; zoom:1;}



.box_02 .picScroll-left01 .bd ul li{width:290px;height:280px;background:#fff;float:left;overflow:hidden;position:relative;margin-right:40px;}



.box_02 .picScroll-left01 .bd ul li a{display:block;}



.box_02 .picScroll-left01 .bd ul li .img{width:280px;height:210px;margin:5px auto 0 auto;overflow:hidden;}



.box_02 .picScroll-left01 .bd ul li .img img{display:block;width:280px;height:210px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_02 .picScroll-left01 .bd ul li:hover .img img{transform: scale(1.1);}



.box_02 .picScroll-left01 .bd ul li .name{width:160px;padding:0 60px;font-size:16px;color:#333;line-height:65px;text-align:center;margin:0 auto;background:url(../images/jia03.png) 45px center no-repeat,url(../images/jia03.png) 225px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .picScroll-left01 .bd ul li:hover .name{color:#184299;background:url(../images/jia04.png) 45px center no-repeat,url(../images/jia04.png) 225px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .picScroll-left01 .hd{width:1280px;height:280px;position:absolute;left:0;top:0;z-index:2;}



.box_02 .picScroll-left01 .hd .prev{width:70px;height:70px;position:absolute;top:105px;left:-120px;background:url(../images/ab_jt_01.png) center center no-repeat rgba(24,63,153,0.2);border-radius:35px;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .picScroll-left01 .hd .next{width:70px;height:70px;position:absolute;top:105px;right:-120px;background:url(../images/ab_jt_02.png) center center no-repeat rgba(24,63,153,0.2);border-radius:35px;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .picScroll-left01 .hd .prev:hover{background:url(../images/ab_jt_01.png) center center no-repeat rgba(24,63,153,1);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .picScroll-left01 .hd .next:hover{background:url(../images/ab_jt_02.png) center center no-repeat rgba(24,63,153,1);-webkit-transition:all .7s;transition:all .7s;}









/* 产品中心 */

.box_03{width:100%;height:912px;padding-top:70px;background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;position:relative;z-index:2;}



.box_03 .top{width:1280px;height:120px;margin:0 auto;}



.box_03 .top .h_title{width:275px;height:70px;margin:25px 0;position:relative;background:url(../images/h_back01.png) 110px top no-repeat;float:left;}



.box_03 .top .h_title .num{width:95px;height:70px;background:url(../images/num02.png) center center no-repeat;position:absolute;left:0;top:0;}



.box_03 .top .h_title h3{font-size:36px;color:#333;line-height:36px;position:absolute;bottom:0;right:0;}



.box_03 .top .fl_list{width:640px;height:120px;float:right;display:flex;justify-content: space-between;}



.box_03 .top .fl_list a{display:block;width:230px;padding-left:57px;height:120px;background:url(../images/pro_bk01.png);float:left;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .fl_list a:hover{background:url(../images/pro_bk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .fl_list a .icon{width:35px;height:120px;background:url(../images/pro_icon.png) center center no-repeat;float:left;margin-right:32px;}



.box_03 .top .fl_list a .txt{width:150px;height:120px;float:left;}



.box_03 .top .fl_list a .txt p{font-size:18px;color:#333;font-weight:bold;line-height:20px;margin-top:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_03 .top .fl_list a .txt span{display:block;font-size:12px;color:#999;line-height:15px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_03 .pro_center{width:1280px;height:390px;margin:40px auto 0 auto;overflow:hidden;}



.box_03 .pro_center .hd{width:140px;height:390px;overflow:hidden;float:left;}



.box_03 .pro_center .hd ul{width:140px;height:390px;}



.box_03 .pro_center .hd ul li{width:134px;height:98px;border:solid 3px #f8f8f8;overflow:hidden;margin-bottom:39px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_center .hd ul li.on{border:solid 3px #184299;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_center .hd ul li .pic{width:134px;height:98px;overflow:hidden;}



.box_03 .pro_center .hd ul li .pic img{display:block;width:134px;height:98px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_03 .pro_center .hd ul li:hover .pic img{transform: scale(1.1);}



.box_03 .pro_center .bd{width:1100px;height:390px;float:right;overflow:hidden;}



.box_03 .pro_center .bd .main{width:1100px;height:390px;overflow:hidden;position:relative;}



.box_03 .pro_center .bd .main a{display:block;}



.box_03 .pro_center .bd .main .img{width:510px;height:380px;float:left;border:solid 5px #f8f8f8;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_center .bd .main:hover .img{border:solid 5px #184299;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_center .bd .main .img img{display:block;width:510px;height:380px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_03 .pro_center .bd .main:hover .img img{transform: scale(1.1);}



.box_03 .pro_center .bd .main .txt{width:530px;height:390px;float:right;position:relative;overflow:hidden;}



.box_03 .pro_center .bd .main .txt .name{font-size:18px;color:#333;line-height:20px;margin-top:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_center .bd .main:hover .txt .name{color:#184299;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_center .bd .main .txt p{font-size:14px;color:#999;line-height:35px;height:70px;overflow:hidden;margin-top:30px;}



.box_03 .pro_center .bd .main .txt .more{width:180px;font-size:20px;color:#333;line-height:16px;font-family: 'Times New Roman';margin-top:30px;position:relative;font-weight:bold;text-transform:capitalize;}



.box_03 .pro_center .bd .main .txt .more::before{content:'';width:100px;height:2px;background:#333;position:absolute;top:8px;right:0;}



.box_03 .pro_list{width:1280px;height:270px;margin:40px auto 0 auto;}



.box_03 .pro_list li{width:290px;height:270px;overflow:hidden;float:left;margin-right:40px;overflow:hidden;}



.box_03 .pro_list li:nth-of-type(4){margin-right:0;}



.box_03 .pro_list li a{display:block;}



.box_03 .pro_list li .img{width:280px;height:210px;border:solid 5px #f8f8f8;overflow:hidden;}



.box_03 .pro_list li .img img{display:block;width:280px;height:210px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_03 .pro_list li:hover .img img{transform: scale(1.1);}



.box_03 .pro_list li .txt{width:290px;height:50px;line-height:50px;overflow:hidden;position:relative;z-index:2;}



.box_03 .pro_list li .txt .name{width:170px;padding-left:25px;position:relative;font-size:16px;color:#333;float:left;background:url(../images/jia01.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_list li:hover .txt .name{color:#184299;background:url(../images/jia02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .pro_list li .txt .more{width:75px;line-height:50px;font-size:14px;color:#999;font-family:Arial;position:relative;float:right;text-transform:capitalize;}



.box_03 .pro_list li .txt .more::before{content:'';width:25px;height:1px;background:#dedede;position:absolute;top:25px;right:0;}











/* 企业优势 */

.box_04{width:100%;height:875px;padding-top:115px;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;position:relative;z-index:2;}



.box_04 .top{width:1280px;height:70px;margin:0 auto;}



.box_04 .top .h_title{width:525px;height:70px;position:relative;background:url(../images/h_back02.png) 110px top no-repeat;float:left;}



.box_04 .top .h_title .num{width:94px;height:70px;background:url(../images/num03.png) center center no-repeat;position:absolute;left:0;top:0;}



.box_04 .top .h_title h3{font-size:36px;color:#fff;line-height:36px;position:absolute;bottom:0;right:0;}



.box_04 .look_center{width:1280px;height:auto;margin:95px auto 0 auto;position:relative;z-index:5;}



.box_04 .look_center .tel{width:490px;height:45px;position:absolute;top:395px;right:0;z-index:9;}



.box_04 .look_center .tel .click{display:block;width:85px;padding-left:50px;line-height:45px;font-size:16px;color:#fff;background:url(../images/qq02.png) 23px center no-repeat #fca311;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .tel .click:hover{background:url(../images/qq02.png) 23px center no-repeat #184299;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .tel p{font-size:24px;color:#333;line-height:45px;float:right;font-family:Arial;}



.box_04 .look_center .bd{width:1280px;height:500px;}



.box_04 .look_center .bd .main{width:1280px;height:500px;overflow:hidden;position:relative;}



.box_04 .look_center .bd .main .img{width:709px;height:500px;float:left;position:relative;}



.box_04 .look_center .bd .main .img img{display:block;width:809px;height:500px;position:absolute;top:0;right:0;}



.box_04 .look_center .bd .main .txt{width:490px;height:500px;float:right;position:relative;z-index:2;}



.box_04 .look_center .bd .main .txt .num{font-size:150px;font-weight:bold;color:rgba(24,66,153,0.1);line-height:115px;position:absolute;position:absolute;top:60px;left:-25px;z-index:-1;}



.box_04 .look_center .bd .main .txt h4{font-size:12px;color:#999; font-family:Arial;line-height:22px;margin:120px 0 55px 0;}



.box_04 .look_center .bd .main .txt h4 span{display:block;font-size:20px;color:#333;font-weight:bold;float:left;margin-right:5px;}



.box_04 .look_center .bd .main .txt p{font-size:16px;color:#666;line-height:30px;margin-bottom:20px;}



.box_04 .look_center .hd{width:1280px;height:65px;margin:70px auto 0 auto;position:relative;}



.box_04 .look_center .hd ul{width:1180px;height:65px;display:flex;justify-content: space-between;}



.box_04 .look_center .hd ul li{width:auto;height:65px;float:left;overflow:hidden;cursor:pointer;}



.box_04 .look_center .hd ul li .icon{width:55px;height:55px;background:#fff;border:solid 5px #f2f2f2;border-radius:50%;float:left;margin-right:25px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li.on .icon{background:#184299;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li .icon i{display:block;width:55px;height:55px;}



.box_04 .look_center .hd ul li.on .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_04 .look_center .hd ul li:nth-of-type(1) .icon i{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li:nth-of-type(2) .icon i{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li:nth-of-type(3) .icon i{background:url(../images/ys_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li:nth-of-type(4) .icon i{background:url(../images/ys_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li:nth-of-type(1).on .icon i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li:nth-of-type(2).on .icon i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li:nth-of-type(3).on .icon i{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li:nth-of-type(4).on .icon i{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .look_center .hd ul li .txt{width:auto;height:65px;float:left;}



.box_04 .look_center .hd ul li .txt h4{font-size:18px;color:#333;line-height:20px;font-weight:bold;margin-top:8px;}



.box_04 .look_center .hd ul li .txt p{font-size:12px;color:#999;line-height:14px; font-family:Arial;margin-top:15px;}









/* 案例展示 */

.box_05{width:100%;height:700px;padding-top:69px;background:url(../images/case_back.jpg) center top no-repeat;overflow:hidden;position:relative;z-index:2;}



.box_05 .top{width:1280px;height:70px;margin:0 auto;position:relative;}



.box_05 .top .h_title{width:275px;height:70px;position:relative;background:url(../images/h_back01.png) 110px top no-repeat;float:left;}



.box_05 .top .h_title .num{width:100px;height:70px;background:url(../images/num04.png) center center no-repeat;position:absolute;left:0;top:0;}



.box_05 .top .h_title h3{font-size:36px;color:#333;line-height:36px;position:absolute;bottom:0;right:0;}



.box_05 .top .pos{width:auto;height:auto;text-align:right;position:absolute;top:80px;right:0;z-index:9;}



.box_05 .top .pos::after{content:'';width:31px;height:20px;background:url(../images/douhao.png);position:absolute;top:-8px;right:-17px;z-index:-1;}



.box_05 .top .pos p{font-size:18px;color:#333;font-weight:bold;line-height:20px; font-style:italic;}



.box_05 .top .pos span{display:block;font-size:12px;color:#adadad;line-height:16px;font-style:italic;margin-top:12px;}



.box_05 .swiper-father{width:1278px;height:580px;margin:40px auto 0 auto;overflow:hidden;position:relative;}



.box_05 .swiper-father .swiper-container{width:1278px;height:580px;margin:0 auto;overflow:hidden;}

 

.box_05 .swiper-father .swiper-slide{width:426px;height:580px;position:relative;}

 

.box_05 .swiper-father .swiper-slide a{display:block;}



.box_05 .swiper-father .swiper-slide .bx{width:426px;height:580px;position:absolute;top:0;left:0;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-father .swiper-slide-active .bx{width:500px;height:580px;position:absolute;top:0;left:-37px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-father .swiper-slide .bx .img{width:330px;height:245px;border:solid 5px #f8f8f8;margin:120px 0 0 0;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-father .swiper-slide-active .bx .img{width:490px;height:365px;border:solid 5px #f8f8f8;margin:0 0 0 0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-father .swiper-slide-next .bx .img{width:330px;height:245px;border:solid 5px #f8f8f8;margin:120px 0 0 86px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-father .swiper-slide .img img{width:100%;height:100%;transition: all 1s;vertical-align:top;object-fit:cover;}



.box_05 .swiper-father .swiper-slide:hover .img img{transform: scale(1.05);}



.box_05 .swiper-father .swiper-slide .txt{width:500px;height:auto;margin:20px auto 0 auto;padding-top:15px;overflow:hidden;position:relative;display:none;}



.box_05 .swiper-father .swiper-slide-active .txt{display:block;}



.box_05 .swiper-father .swiper-slide .txt .num{padding-right:30px;height:35px;border-bottom:solid 1px #333;position:absolute;left:0;top:0;font-size:30px;color:#333;font-family: 'Times New Roman';line-height:26px;font-weight:bold;}



.box_05 .swiper-father .swiper-slide .txt .name{width:300px;padding-left:200px;font-size:20px;color:#333;font-weight:bold;line-height:22px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_05 .swiper-father .swiper-slide .txt p{font-size:14px;color:#999;line-height:30px;height:60px;overflow:hidden;text-align:right;margin-top:30px;}



.box_05 .swiper-button-prev{width:60px;height:60px;position:absolute;left:300px;top:220px !important;margin-top:0;outline: none;background:url(../images/case_jt_01.png) center center no-repeat #184299;cursor:pointer;border-radius:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-button-next{width:60px;height:60px;position:absolute;right:300px;top:220px !important;margin-top:0;outline: none;background:url(../images/case_jt_02.png) center center no-repeat #184299;cursor:pointer;border-radius:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-button-prev:hover{background:url(../images/case_jt_01.png) center center no-repeat #fca311;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .swiper-button-next:hover{background:url(../images/case_jt_02.png) center center no-repeat #fca311;-webkit-transition:all .7s;transition:all .7s;}













/* 新闻资讯 */

.box_06{width:100%;height:880px;padding-top:70px;background:url(../images/news_back.jpg) center top no-repeat;overflow:hidden;}



.box_06 .news_center{width:1280px;height:auto;margin:0 auto;position:relative;}



.box_06 .news_center .hd{width:1280px;height:70px;}



.box_06 .news_center .hd .h_title{width:275px;height:70px;position:relative;background:url(../images/h_back01.png) 110px top no-repeat;float:left;}



.box_06 .news_center .hd .h_title .num{width:94px;height:70px;background:url(../images/num05.png) center center no-repeat;position:absolute;left:0;top:0;}



.box_06 .news_center .hd .h_title h3{font-size:36px;color:#333;line-height:36px;position:absolute;bottom:0;right:0;}



.box_06 .news_center .hd ul{width:720px;height:50px;overflow:hidden;float:right;margin:10px 0;display:flex;justify-content: space-between;}



.box_06 .news_center .hd ul li{width:210px;height:50px;background:url(../images/nbk01.png);overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li.on{background:url(../images/nbk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li a{display:block;width:210px;line-height:50px;font-size:18px;color:#333;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li.on a{color:#184299;font-weight:bold;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd{width:1280px;height:700px;margin:40px auto 0 auto;position:relative;}



.box_06 .news_center .bd .main{width:1280px;height:700px;position:relative;}



.box_06 .news_center .bd .main .top{width:1280px;height:450px;overflow:hidden;}



.box_06 .news_center .bd .main .top li{width:320px;height:410px;padding:40px 40px 0 40px;margin-right:40px;overflow:hidden;float:left;background:#fff;}



.box_06 .news_center .bd .main .top li:nth-of-type(3){margin-right:0;}



.box_06 .news_center .bd .main .top li a{display:block;}



.box_06 .news_center .bd .main .top li .date{width:320px;height:24px;display:flex;justify-content: space-between;position:relative;}



.box_06 .news_center .bd .main .top li .date::after{content:'';width:45px;height:1px;background:#999;position:absolute;top:11px;right:45px;}



.box_06 .news_center .bd .main .top li .date p:nth-of-type(1){font-size:30px;color:#333;font-weight:bold;line-height:24px;font-family:Arial;}



.box_06 .news_center .bd .main .top li .date p:nth-of-type(2){font-size:16px;color:#999;line-height:24px;font-family:Arial;}



.box_06 .news_center .bd .main .top li .name{font-size:16px;color:#333;line-height:16px;margin-top:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li:hover .name{color:#184299;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li p{font-size:14px;color:#999;line-height:30px;height:60px;overflow:hidden;margin-top:20px;}



.box_06 .news_center .bd .main .top li .img{width:320px;height:180px;margin:30px auto 0 auto;overflow:hidden;}



.box_06 .news_center .bd .main .top li .img img{display:block;width:320px;height:180px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_06 .news_center .bd .main .top li:hover .img img{transform: scale(1.1);}



.box_06 .news_center .bd .main .bottom{width:1280px;height:250px;overflow:hidden;}



.box_06 .news_center .bd .main .bottom li{width:400px;height:85px;float:left;position:relative;overflow:hidden;margin:40px 40px 0 0;}



.box_06 .news_center .bd .main .bottom li:nth-of-type(3n){margin-right:0;}



.box_06 .news_center .bd .main .bottom li::before{content:'';width:400px;height:1px;background:#e1e1e1;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li::after{content:'';width:0px;height:1px;background:#184299;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li:hover::after{content:'';width:400px;height:1px;background:#184299;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li .date{font-size:14px;color:#999; font-family:Arial;line-height:15px;height:15px;}



.box_06 .news_center .bd .main .bottom li .date span{font-size:18px;color:#333;line-height:15px;}



.box_06 .news_center .bd .main .bottom li .name{display:block;width:350px;padding-right:50px;line-height:16px;font-size:16px;color:#333;margin-top:30px;background:url(../images/jia01.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li:hover .name{background:url(../images/jia02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}









/* 合作伙伴 */

.box_07{width:100%;height:487px;padding-top:70px;background:url(../images/hb_back.jpg) center top no-repeat;overflow:hidden;position:relative;z-index:2;}



.box_07 .top{width:1280px;height:70px;margin:0 auto;position:relative;}



.box_07 .top .h_title{width:275px;height:70px;position:relative;background:url(../images/h_back01.png) 110px top no-repeat;float:left;}



.box_07 .top .h_title .num{width:101px;height:70px;background:url(../images/num06.png) center center no-repeat;position:absolute;left:0;top:0;}



.box_07 .top .h_title h3{font-size:36px;color:#333;line-height:36px;position:absolute;bottom:0;right:0;}



.box_07 .top .pos{width:auto;height:auto;text-align:right;position:absolute;top:80px;right:0;z-index:9;}



.box_07 .top .pos::after{content:'';width:31px;height:20px;background:url(../images/douhao.png);position:absolute;top:-8px;right:-17px;z-index:-1;}



.box_07 .top .right{width:auto;height:70px;float:right;}



.box_07 .top .right p:nth-of-type(1){width:calc(100% - 15px);height:25px; background:url(../images/hb_line.png) right center no-repeat;font-size:18px;color:#fff;line-height:25px;text-transform: Uppercase;font-family:Arial;text-align:right;padding-right:15px;}



.box_07 .top .right p:nth-of-type(2){font-size:26px;color:#333;line-height:22px;font-weight:bold;font-family:Arial;margin-top:20px;}



.box_07 .picScroll-left02{width:1310px;height:215px;margin:25px auto 0 auto;position:relative;}



.box_07 .picScroll-left02 .bd{width:1310px;height:215px;overflow:hidden;position:relative;z-index:5;}



.box_07 .picScroll-left02 .bd ul{width:1310px;height:215px;overflow:hidden; zoom:1;}



.box_07 .picScroll-left02 .bd ul li{width:255px;height:215px;float:left;overflow:hidden;position:relative;margin-right:8.75px;}



.box_07 .picScroll-left02 .bd ul li a{display:block;}



.box_07 .picScroll-left02 .bd ul li .img{width:225px;height:150px;margin:15px auto 0 auto;overflow:hidden;-moz-box-shadow:0px 0px 15px #d5d5d5;-webkit-box-shadow:0px 0px 15px #d5d5d5;box-shadow:0px 0px 15px #d5d5d5;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .picScroll-left02 .bd ul li:hover .img{-moz-box-shadow:0px 0px 15px #abc5fc;-webkit-box-shadow:0px 0px 15px #abc5fc;box-shadow:0px 0px 15px #abc5fc;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .picScroll-left02 .bd ul li .img img{display:block;width:225px;height:150px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_07 .picScroll-left02 .bd ul li:hover .img img{transform: scale(1.1);}



.box_07 .picScroll-left02 .bd ul li .name{width:215px;padding:0 20px;font-size:16px;color:#333;line-height:20px;text-align:center;margin:30px auto 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .picScroll-left02 .bd ul li:hover .name{color:#184299;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .picScroll-left02 .hd{width:1280px;height:40px;margin:65px auto 0 auto; background:url(../images/hb_line02.png) center center no-repeat;}



.box_07 .picScroll-left02 .hd .arrow{width:100px;height:40px;margin:0 auto;overflow:hidden;}



.box_07 .picScroll-left02 .hd .arrow .prev{float:left;width:40px;height:40px;background:url(../images/hb_jt_01.png);cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .picScroll-left02 .hd .arrow .next{float:right;width:40px;height:40px;background:url(../images/hb_jt_03.png);cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .picScroll-left02 .hd .prev:hover{background:url(../images/hb_jt_02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_07 .picScroll-left02 .hd .next:hover{background:url(../images/hb_jt_04.png);-webkit-transition:all .7s;transition:all .7s;}





















/* animated home */

.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}

.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }



@-webkit-keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.animated_1 { animation-delay:0.3s; }

.animated_2 { animation-delay:0.6s; }

.animated_3 { animation-delay:0.9s; }

.animated_4 { animation-delay:1.2s; }

.animated_5 { animation-delay:1.7s; }

.animated_6 { animation-delay:1.8s; }

.animated_7 { animation-delay:2.1s; }

.animated_8 { animation-delay:2.4s; }

.animated_9 { animation-delay:2.7s; }

.animated_10 { animation-delay:3s; }

.animated_11 { animation-delay:3.3s; }

.animated_12 { animation-delay:3.6s; }



/* animated end */









@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    -moz-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}